-# == CSS Design Pattern Mixins

=bgimg
  :display block
  :background-repeat no-repeat
  :text-indent -9999px

=center
  :margin 0 auto

=flat-list
  :list-style none
  :margin-left 0
  :display inline

=a11y-hide
  :position absolute
  :left -9999px

=cancel-a11y-hide
  :position relative
  :top 0
  :left 0

=reset
  :width auto
  :height auto
  :padding 0
  :margin 0
  :top 0
  :left 0

=reset-dimensions
  :width auto
  :height auto

=reset-spacing
  :padding 0
  :margin 0

=reset-position
  :top 0
  :left 0

-# Debugging stains

=stain
  :background #d03
  :opacity 0.5
  :filter alpha(opacity = 50)


=stain1
  +stain
  :border-left 1px solid #f00

=stain2
  :border 1px solid green
  *
    :border 1px solid yellow
    *
      :border 1px solid orange
      *
        :border 1px solid #d03
        *
          :color #d03
          :background-color #d03



-# == Colors

/ Blues
!blue = #0a94c1
!medium_blue = #0c7799
!light_blue = #d2e7ee

/Greens
!green = #00984a

/ Greys
!light_grey = #f8f7f7
!medium_grey = #ececec
!dark_grey = #919191
!grey_of_the_beast = #666
!grey_of_the_nazgul = #999
!cloud_grey = #ebebeb
!new_zep_grey = #e1e1e1
!tabs_grey = #c7c6c6
!tabs_txt_grey = #4c4a4a
!medium_zep_grey = #c5c5c5
!dashed_line_color = #C0C0C0
/ TODO this is already defined by Compass under a different name 
!zepinvest_default_text_color = #333

/ Alert colors
!yellow = #ffea01
/ TODO there's 2 notice bg colors, wtf?
!notice_bg_color = #ffffcc
!notice_background_color = #ffea01
!notice_border_color = #ccc
!light_yellow = #ffffcc
!red = #cc0000

-# == Image Associations

-# == Positioning

!content_area_min_height = 350px
!my_topnav_width = 29px
!mag_glass_width = 20px
!account_tabs_left_position = 6em
!account_login_buttons_left_position = 6em + !account_tabs_left_position
!topnav_height = 48px
!topnav_help_search_container_width = 16em
!topnav_menu_left_position = 1em
!topnav_menu_help_links_left_position = 0em
!topnav_menu_searchbox_left_position =  -1em
!topnav_menu_searchbox_background_height = 36px

!h1_vertical_space = 3em
!subtabs_vertical_space = 13px + 18px

-# == ZepFrog Layout Mixins

=link_with_highlight
  a
    :cursor pointer
    :color white
    :text-decoration none
    :text-transform capitalize
  a:hover
    :color yellow
    :background-color transparent

=site-search
  :border 1px solid black
  :padding 3px
  :width 216px

=nostripe
  :background-image none


=fakelink
  :cursor pointer
  :color = !link_color

=fakelink-hover
  :color = !link_hover_color
  :text-decoration underline

=text-colored-links
  a
    :color = !font_color
    :text-decoration none
  a:hover
    :text-decoration underline
